我今天在那個註冊頁面,讓他註冊成功後可以跳轉,如下
<script>
	const userPattern = '[A-Za-z][A-Za-z0-9\\-]*';
	const passwordPattern = '(?=.*\\d)(?=.*[a-z])(?=.*[A-Z]).{8,}';
	let username = '';
	let password = '';
	let showModal = false;
	let registerTitle = '';
	let registerMsg = '';
	async function register() {
		const res = await fetch('/api/register', {
			method: 'POST',
			headers: { 'Content-Type': 'application/json' },
			body: JSON.stringify({ username, password })
		});
		const data = await res.json();
		console.log(data);
		if (res.ok) {
			registerTitle = '🎉 恭喜!';
			registerMsg = '註冊成功!';
		} else {
			registerTitle = '';
			registerMsg = '註冊失敗!';
		}
		showModal = true;
	}
	async function login() {
		const res = await fetch('/api/login', {
			method: 'POST',
			headers: { 'Content-Type': 'application/json' },
			body: JSON.stringify({ username, password })
		});
		console.log(await res.json());
	}
	function confirmSuccess() {
		showModal = false;
		registerTitle = '';
		registerMsg = '';
		location.reload(); // 模擬 F5
	}
</script>
越寫越有種早期 PHP 5 的感覺
今天簡單開個 showModal 來控制彈跳視窗
然後原來 js 的變數可以這樣直接插入在網頁上,svelte kit 好爽喔
<h3 class="font-bold text-lg">{registerTitle}</h3>
今天的情緒抒發:
今天壓線完成太恐怖了,節奏有點歪掉